<template>
	<section>
		<CommonTable :table-config="tagManageClass.getTableConfig()">
			<template #header>
				<CommonSearch :form-data="tagManageClass.getSearchCol()" @search="val => tagManageClass.serach(val)" />
			</template>
			<template #search>
				<el-button type="primary" :icon="Plus" @click="tagManageClass.add()">新增</el-button>
			</template>
		</CommonTable>
		<CommonDialog width="500" title="新增" v-model="tagManageClass.visible.value" :option-btns="tagManageClass.btns()">
			<template #default>
				<CommonForm
					ref="commonForm"
					:default-value="tagManageClass.defaultValue.value"
					:form-data="tagManageClass.getFormCol()"
				/>
			</template>
		</CommonDialog>
	</section>
</template>
<script lang="ts" setup>
import { TagManageClass } from './controller'
import { ref } from 'vue'
const commonForm = ref()
import { Plus } from '@element-plus/icons-vue'
let tagManageClass = new TagManageClass(commonForm)
</script>
